<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>博文阅读</title>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<LINK rel="Bookmark" href="favicon.ico" >
<LINK rel="Shortcut Icon" href="favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/staticRes/js/html5shiv.js"></script>
<script type="text/javascript" src="/staticRes/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="plugin/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="plugin/Hui-iconfont/1.0.8/iconfont.min.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="plugin/pifu/pifu.css" />
<link rel="stylesheet" type="text/css" href="plugin/wangEditor/css/wangEditor.min.css">
<!--[if lt IE 9]>
<link href="/staticRes/lib/h-ui/css/H-ui.ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="application/x-javascript"> 
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}
</script>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container cl">
            <a class="navbar-logo hidden-xs" href="user_index.jsp">
                <img class="logo" src="img/one.png" alt="我的博客" />
            </a>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);" onclick="showSide();">&#xe667;</a>
            <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
                <ul class="cl">
                     <li class="active"> <a href="user_index.jsp" data-hover="首页">首页</a> </li>
                    <li> <a href="user_about.jsp" data-hover="关于博主">关于博主</a> </li>
                    <li><a href="user_article.jsp" data-hover="博文一览">博文一览</a></li>
                    <li> <a href="user_board.jsp" data-hover="留言板">留言板</a> </li>
                </ul>
            </nav>
            <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
                <ul class="cl">
                    <li class="userInfo dropDown dropDown_hover">
                        <a href="javascript:;" ></a>
                        <ul class="dropDown-menu menu radius box-shadow">
                            <li><a href="Login.jsp">注销登录</a></li>
                        </ul>
                        <a href="Login.jsp">注销</a>
                    </li>
                </ul>
            </nav> 
            
        </div>
    </div>
</header>

   <%
        //获得number  
		String outLine=new String(request.getParameter("outline").getBytes("ISO-8859-1"),"utf-8");
		String Passage=new String(request.getParameter("passage").getBytes("ISO-8859-1"),"utf-8");
		String PassgeGood=new String(request.getParameter("passageGood").getBytes("ISO-8859-1"),"utf-8");		
		String Passgedate=new String(request.getParameter("date").getBytes("ISO-8859-1"),"utf-8");		
		String Passgetime=new String(request.getParameter("time").getBytes("ISO-8859-1"),"utf-8");		
	%>  
<!--导航条-->




<nav class="breadcrumb">
    <div class="container">
        <i class="Hui-iconfont">&#xe67f;</i><a href="index.jsp" class="c-primary">首页</a>
        <span class="c-gray en">&gt;</span> <a href="user_article.jsp" class="c-primary">博文一览</a>
         <span class="c-gray en">&gt;</span> <a href="#" class="c-primary"><%=outLine %></a>
    </div>
</nav>

<section class="container pt-20">
	
	<div class="row w_main_row">

				<div class="col-lg-9 col-md-9 w_main_left">
					<div class="panel panel-default  mb-20">
						<div class="panel-body pt-10 pb-10">
							<h2 class="c_titile"><%=outLine %></h2>
							<p class="box_c"><span class="d_time">发布时间：<%=Passgedate %>&nbsp&nbsp&nbsp<%=Passgetime %></span><span><a href="#"></a></span><span>点赞（<%=PassgeGood %></span><span>编辑：<a href="mailto:wfyv@qq.com">wilco</a></span><span>点赞（<%=PassgeGood %>）</span></p>
							<ul class="infos">
								<p><%=Passage %></p>
							</ul>
							
						</div>
					</div>
					
					<div class="panel panel-default  mb-20">
					
					
						<div class="tab-category">
                <a href=""><strong>评论区</strong></a>
            </div>
						<div class="panel-body">
							<div class="panel-body" style="margin: 0 3%;">
                    <div class="mb-20">
                    	<ul class="commentList">
                            <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://qzapp.qlogo.cn/qzapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/100"></i></a>
                                <div class="comment-main">
                                    <header class="comment-header">
                                        <div class="comment-meta"><a class="comment-author" href="#">用户</a>
                                            <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2017-8-10 15:20</time>
                                        </div>
                                    </header>
                                    <div class="comment-body">
                                        <p> 是的</p>
                                    </div>
                                </div>
                            </li>
                            <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://qzapp.qlogo.cn/qzapp/101388738/696C8A17B3383B88804BA92ECBAA5D81/100"></i></a>
                                <div class="comment-main">
                                    <header class="comment-header">
                                        <div class="comment-meta"><a class="comment-author" href="#">用户</a>
                                            <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2017-8-10 15:20</time>
                                        </div>
                                    </header>
                                    <div class="comment-body">
                                        <p> +1</p>
                                    </div>
                                </div>
                            </li>

                        </ul>
    
                    </div>
                    <div class="line"></div>
                    <!--用于评论-->
                    <div class="mt-20" id="ct">
                        <div id="err" class="Huialert Huialert-danger hidden radius">成功状态提示</div>
                        <textarea id="textarea1" name="comment" style="height:200px;" placeholder="看完不留一发？"> </textarea>
                        <div class="text-r mt-10">
                            <button onclick="getPlainTxt()" class="btn btn-primary radius" > 发表评论</button>
                        </div>
                    </div>
                    <!--用于回复-->
                    <div class="comment hidden mt-20">
                        <div id="err2" class="Huialert Huialert-danger hidden radius">成功状态提示</div>
                            <textarea class="textarea" style="height:100px;" > </textarea>
                            <button onclick="hf(this);" type="button" class="btn btn-primary radius mt-10">回复</button>
                            <a class="cancelReply f-r mt-10">取消回复</a>
                    </div>

                </div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-3">
					<!--热门推荐-->
  	<div class="bg-fff box-shadow radius mb-20">
			<div class="tab-category">
				<a href=""><strong>热门推荐</strong></a>
			</div>
			<div class="tab-category-item">
				<ul class="index_recd">
					<li>
						<a href="#">让你失望了地震云并不存在</a>
						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> 666 </p>
					</li>
					<li >
						<a href="#">从「朋友圈三天可见」分析背后隐含的设计原因</a>
						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> 666 </p>
					</li>
					<li >
						<a href="#">搜狗发布“搜狗听写”速记工具以后写文章动嘴就行了</a>
						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> 666 </p>
					</li>
					<li >
						<a href="#">真正赚钱的人都没有你想象的那么辛苦</a>
						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> 666 </p>
					</li>
					<li >
						<a href="#">数据大战在即，谁来保护消费者的隐私权？</a>
						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> 666 </p>
					</li>
				</ul>
			</div>
		</div>
						
		
	
</section>
<footer class="footer mt-20">
    <div class="container-fluid" id="foot">
        <p>大连梦创信息<br>
            大连理工大学暑期研修小组
        </p>
    </div>
</footer>
<script type="text/javascript" src="plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="plugin/h-ui/js/H-ui.min.js"></script>
<!-- <script type="text/javascript" src="plugin/pifu/pifu.js"></script> -->
<script type="text/javascript" src="js/common.js"></script>
<script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script>
<script type="text/javascript" src="plugin/wangEditor/js/wangEditor.min.js"></script>
<script type="text/javascript">
    $(function () {
    		$("img.lazyload").lazyload({failurelimit : 3});
    	
        wangEditor.config.printLog = false;
        var editor1 = new wangEditor('textarea1');
        editor1.config.menus = ['insertcode', 'quote', 'bold', '|', 'img', 'emotion', '|', 'undo', 'fullscreen'];
        editor1.config.emotions = { 'default': { title: '表情', data: 'plugin/wangEditor/emotions1.data'}, 'default2': { title: '心情', data: 'plugin/wangEditor/emotions3.data'}, 'default3': { title: '顶一顶', data: 'plugin/wangEditor/emotions2.data'}};
        editor1.create();

        //show reply
        $(".hf").click(function () {
            pId = $(this).attr("name");
            $(this).parents(".commentList").find(".cancelReply").trigger("click");
            $(this).parent(".comment-body").append($(".comment").clone(true));
            $(this).parent(".comment-body").find(".comment").removeClass("hidden");
            $(this).hide();
        });
        //cancel reply
        $(".cancelReply").on('click',function () {
            $(this).parents(".comment-body").find(".hf").show();
            $(this).parents(".comment-body").find(".comment").remove();
        });
    });

</script>
</body>
</html>
